/*
 * Original Author -> Harry Yang (taketoday@foxmail.com) https://taketoday.cn
 * Copyright © TODAY & 2017 - 2023 All Rights Reserved.
 *
 * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS HEADER
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see [http://www.gnu.org/licenses/]
 */

import React from 'react';
import { Image } from 'antd';
import { isTrue } from "@/utils";
import { useCDN } from "@/components/hooks";
import loading from '/src/assets/images/loading.gif'

// const imageServer = 'http://localhost:8080'

function getSource(src) {
  if (src) {
    if (src.startsWith('//') || src.startsWith('http://') || src.startsWith('https://')) {
      return src
    }
    const imageServer = useCDN()
    return `${imageServer}${src}`
  }
  return src
}

export default props => {

  const {
    src,
    onCreate,
    alt = 'pic',
    original = true,
    onError,
    ...rest
  } = props

  if (isTrue(original)) {
    return <img {...rest}
                alt={alt}
                src={getSource(src)}
                ref={onCreate}
                onError={onError}
    />
  }
  return (<>
    <Image {...rest}
           alt={alt}
           src={getSource(src)}
           ref={onCreate}
           onError={onError}
           placeholder={<img src={loading} alt='加载中'/>}
           fallback=""
    />
  </>)
}

